<template>
	<view class="lnformation">
		<view class="image">
			<!-- {{form.photo}} -->
			<image :src="ImgUrl+form.photo" mode=""></image>
		</view>
		<view class="lnformations">
			<view class="tel">{{form.mobile}}</view>
			<view class="state"><text class="iconfont icon-anquanyinsi"></text> 已认证</view>
		</view>
	</view>
</template>

<script>
	import {IMAGE_BASE_URL} from "../../config/index.js"
	export default {
		// 去除微信小程序生成多一层标签
		options: {
			virtualHost: true
		},

		data() {
			return {
				ImgUrl : IMAGE_BASE_URL,
				form:{
					
				}
			};
		},
		created() {
			let UserInfo = uni.getStorageSync("UserInfo")
			console.log(UserInfo,121212);
			this.form.mobile = UserInfo.mobile
			this.form.photo = UserInfo.photo
			console.log(this.form);
		},
	}
</script>

<style lang="less">
	.lnformation {
		padding: 0 38rpx;
		box-sizing: border-box;
		padding-top: 58rpx;
		display: flex;

		.image {
			image {
				width: 115rpx;
				height: 115rpx;
				border-radius: 50%;
			}
		}

		.lnformations {
			color: #ffffff;
			padding-left: 40rpx;
			font-size: 33rpx;

			.tel {
				padding-top: 12rpx;
				padding-bottom: 5rpx;
			}

			.state {
				padding: 6rpx 10rpx;
				font-size: 20rpx;
				display: inline;
				border: 1rpx solid #ffffff;
				border-radius: 50rpx;

				.icon-anquanyinsi {
					font-size: 28rpx;
				}
			}
		}
	}
</style>